<!-- Get Particular Content -->
<div id="hfr-addSitemap" class="hfr-mw800 hfr-margin-auto">
	<h2 class="hfr-heading">Get Particular Content</h2>
	<div class="alert alert-success">
		<button type="button" class="close" aria-hidden="true" data-dismiss="alert">&times;</button>
		<strong>Well done!</strong> You successfully read this important alert message.
	</div>
	<div class="alert alert-danger">
		<button type="button" class="close" aria-hidden="true" data-dismiss="alert">&times;</button>
		<strong>Oh snap!</strong> Change a few things up and try submitting again.
	</div>
	<form method="post" action="" class="hfr-formAddSitemap">
		<div class="form-group">
			<label>Sitemap URL</label>
			<div class="input-group">
				<input type="url" placeholder="Sitemap" class="form-control" required>
				<span class="input-group-addon ti-world"></span>
			</div>
		</div>
		<br />
		<div class="form-group">
			<label>Selector Information</label>
			<textarea class="form-control">
[title] = 
[content] = 
[remove] = 
			</textarea>
		</div>
		<div class="form-group">
			<div class="row">
				<div class="col-md-3">
					<button type="button" class="hfr-button-blue" data-toggle="modal" data-target=".hfr-postPreviewModal">Preview</button>
				</div>
				<div class="col-md-3 col-md-offset-6">
					<button class="hfr-button-blue hfr-solid btn-block" type="submit">Add Post</button>
				</div>
			</div>
		</div>
		<!-- Post preview modal -->
		<div class="modal fade hfr-postPreviewModal" tabindex="-1" role="dialog" aria-labelledby="postPreview" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<div class="row">
							<div class="col-md-6">

								<!-- Nav tabs -->
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#hfr-postPreview" data-toggle="tab"><span class="ti-desktop"></span>Post Preview</a>
									</li>
									<li><a href="#hfr-postOptions" data-toggle="tab"><span class="ti-settings"></span>Options</a></li>		
								</ul>
							</div>
							<div class="col-md-6 content-right">
								<span class="ti-close" data-dismiss="modal" title="close"></span>
							</div>
						</div>
					</div>
					<div class="modal-body">

						<!-- Tab panes -->
						<div class="tab-content">
							<div class="tab-pane active" id="hfr-postPreview">
								<div>
									<span class="ti-link"></span> 
									<a href="#" target="_blank">
										http://www.origami-instructions.com/origami-army-cap.html
									</a>
								</div>
								<div><span class="ti-pencil"></span> Origami Army Cap</div>
								<div>
									<span class="ti-align-left"></span>
									<div>
										<p>English physicist and mathematician who is widely regarded as one of the most influential scientists of all time and as a key figure in the scientific revolution. His book Philosophiæ Naturalis Principia Mathematica ("Mathematical Principles of Natural Philosophy"), first published in 1687, laid the foundations for most of classical mechanics. Newton also made seminal contributions to optics and shares credit with Gottfried Leibniz for the invention of the infinitesimal calculus.</p>
										<p>Newton's Principia formulated the laws of motion and universal gravitation that dominated scientists' view of the physical universe for the next three centuries. It also demonstrated that the motion of objects on the Earth and that of celestial bodies could be described by the same principles. By deriving Kepler's laws of planetary motion from his mathematical description of gravity, Newton removed the last doubts about the validity of the heliocentric model of the cosmos.</p>
										<p>English physicist and mathematician who is widely regarded as one of the most influential scientists of all time and as a key figure in the scientific revolution. His book Philosophiæ Naturalis Principia Mathematica ("Mathematical Principles of Natural Philosophy"), first published in 1687, laid the foundations for most of classical mechanics. Newton also made seminal contributions to optics and shares credit with Gottfried Leibniz for the invention of the infinitesimal calculus.</p>
										<p>English physicist and mathematician who is widely regarded as one of the most influential scientists of all time and as a key figure in the scientific revolution. His book Philosophiæ Naturalis Principia Mathematica ("Mathematical Principles of Natural Philosophy"), first published in 1687, laid the foundations for most of classical mechanics. Newton also made seminal contributions to optics and shares credit with Gottfried Leibniz for the invention of the infinitesimal calculus.</p>
										<p>English physicist and mathematician who is widely regarded as one of the most influential scientists of all time and as a key figure in the scientific revolution. His book Philosophiæ Naturalis Principia Mathematica ("Mathematical Principles of Natural Philosophy"), first published in 1687, laid the foundations for most of classical mechanics. Newton also made seminal contributions to optics and shares credit with Gottfried Leibniz for the invention of the infinitesimal calculus.</p>
									</div>		
								</div>
							</div>
							<div class="tab-pane" id="hfr-postOptions">											
								<div class="row">
									<div class="col-md-6">
										<div class="hfr-otherOptions">
											<div class="form-group">
												<div class="row">
													<div class="col-md-5">Remove tag &lt;a&gt;</div>
													<div class="col-md-7">
														<ul class="hfr-inputStyle list-2-cols">
															<li>
																<input type="radio" id="hfr-removeTagYes" name="hfr-removeTagOptions" checked="">
																<label for="hfr-removeTagYes">Yes</label>
															</li>
															<li>
																<input type="radio" id="hfr-removeTagNo" name="hfr-removeTagOptions">
																<label for="hfr-removeTagNo">No</label>
															</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<div class="row">
													<div class="col-md-5">Source</div>
													<div class="col-md-7">
														<ul class="hfr-inputStyle list-2-cols">
															<li>
																<input type="radio" id="hfr-sourceYes" name="hfr-sourceOptions" checked="">
																<label for="hfr-sourceYes">Yes</label>
															</li>
															<li>
																<input type="radio" id="hfr-sourceNo" name="hfr-sourceOptions">
																<label for="hfr-sourceNo">No</label>
															</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<div class="row">
													<div class="col-md-5">Link</div>
													<div class="col-md-7">
														<ul class="hfr-inputStyle list-2-cols">
															<li>
																<input type="radio" id="hfr-linkNofollow" name="hfr-linkOptions" checked="">
																<label for="hfr-linkNofollow">Nofollow</label>
															</li>
															<li>
																<input type="radio" id="hfr-linkFollow" name="hfr-linkOptions">
																<label for="hfr-linkFollow">Follow</label>
															</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<div class="row">
													<div class="col-md-5">Source Type</div>
													<div class="col-md-7">
														<ul class="hfr-inputStyle list-2-cols">
															<li>
																<input type="radio" id="hfr-sourceTypeText" name="hfr-sourceTypeOptions" checked="">
																<label for="hfr-sourceTypeText">Text</label>
															</li>
															<li>
																<input type="radio" id="hfr-sourceTypeLink" name="hfr-sourceTypeOptions">
																<label for="hfr-sourceTypeLink">Link</label>
															</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<div class="row">
													<div class="col-md-5">Source Image</div>
													<div class="col-md-7">
														<ul class="hfr-inputStyle list-2-cols">
															<li>
																<input type="radio" id="hfr-sourceImageOriginal" name="hfr-sourceImageOptions" checked="">
																<label for="hfr-sourceImageOriginal">Original</label>
															</li>
															<li>
																<input type="radio" id="hfr-sourceImageCdn" name="hfr-sourceImageOptions">
																<label for="hfr-sourceImageCdn">CDN</label>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>		
									</div>
									<div class="col-md-6">
										<div class="form-group hfr-topics">
											<p><strong>Topic</strong></p>
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Ex : topic-1, topic-2" id="hfr-inputCategory" value="">
												<span class="input-group-addon ti-folder"></span>
											</div>
											<ul class="hfr-inputStyle list-2-cols">
                                     			<li>
                                     				<input type="checkbox" id="hfr-category-blogs" name="hfr-categories" value="blogs">
													<label for="hfr-category-blogs">Blogs</label>
                                                    <span title="remove" class="ti-close remove-category"></span>
                                                </li>
                                            </ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="submit" class="hfr-button-blue hfr-solid">Add Sitemap</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>